<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="description" content="{% block description %}Review{% endblock %}"/>
    <meta name="keywords" content="{% block keywords %}Review{% endblock %}"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>{% block title %}Home{% endblock %} - Review</title>
    <link rel="stylesheet" href="/js/dijit/themes/claro/claro.css"/>
    <link href="{{ baseUrl() }}/css/review.css" rel="stylesheet"/>
    {% block head %}{% endblock %}
</head>
<body class="claro">
<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="gutters:true" id="layout">
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'">
        <button type="button" id="add-node">Add Node</button>
    </div>
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'left', splitter:false">
        {% block nav %}
        <div id="categories-tree">

        </div>
        {% endblock %}
    </div>
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center', splitter:false" id="main-content">
        {% block content %}{% endblock %}
    </div>
</div>
<div data-dojo-type="dijit/Dialog" id="daily-dialog" data-dojo-id="daily_dialog" title="Add Daily Review">
    <table class="dijitDialogPaneContentArea">
        <tr>
            <td><label for="review-date">Review Date:</label></td>
            <td><input data-dojo-type="dijit/form/DateTextBox" name="review-date" value="" id="review-date" placeholder="Review Date" data-dojo-props="required:'true',value:new Date()" /></td>
        </tr>
        <tr>
            <td><label for="address">Content:</label></td>
            <td>
                <textarea data-dojo-type="dijit/form/SimpleTextarea" name="content" id="address" cols="90" rows="20"></textarea>
            </td>
        </tr>
        <tr>
            <td><label for="tags">Tags:</label></td>
            <td><input type="text" data-dojo-type="dijit/form/TextBox" id="tags" data-dojo-props="required:'true'"/></td>
        </tr>
    </table>

    <div class="dijitDialogPaneActionBar">
        <button data-dojo-type="dijit/form/Button" type="submit">OK</button>
        <button data-dojo-type="dijit/form/Button" type="button"
                data-dojo-props="onClick:function(){daily_dialog.hide();}"
                id="cancel">Cancel
        </button>
    </div>
</div>
<div data-dojo-type="dijit/Dialog" id="range-dialog" data-dojo-id="range_dialog" title="Add Weekly Review">
    <table class="dijitDialogPaneContentArea">
        <tr>
            <td><label for="start-date">Start Date:</label></td>
            <td><input data-dojo-type="dijit/form/DateTextBox" name="start-date" value="" id="start-date" placeholder="Start Date" /></td>
            <td><label for="end-date">End Date:</label></td>
            <td><input data-dojo-type="dijit/form/DateTextBox" name="end-date" value="" id="end-date" data-dojo-props="required:'true',value:new Date()" placeholder="End Date" /></td>
        </tr>
        <tr>
            <td><label for="range-address">Content:</label></td>
            <td colspan="3">
                <textarea data-dojo-type="dijit/form/SimpleTextarea" name="content" id="range-address" cols="90" rows="20"></textarea>
            </td>
        </tr>
        <tr>
            <td><label for="range-tags">Tags:</label></td>
            <td colspan="3"><input type="text" data-dojo-type="dijit/form/TextBox" id="range-tags"/></td>
        </tr>
    </table>

    <div class="dijitDialogPaneActionBar">
        <button data-dojo-type="dijit/form/Button" type="submit" id="ok">OK</button>
        <button data-dojo-type="dijit/form/Button" type="button"
                data-dojo-props="onClick:function(){range_dialog.hide();}"
                >Cancel
        </button>
    </div>
</div>
<input type="hidden" id="nav-url" value="{{ urlFor('review-nav') }}"/>
<script type="text/javascript">
    dojoConfig = {
        has: {
            "dojo-firebug": true,
            "dojo-debug-messages": true
        },
        parseOnLoad: false,
        async: true
    };
</script>
<script type="text/javascript" src="/js/dojo/dojo.js"></script>
<script src="{{ baseUrl() }}/js/app.js"></script>
<script src="{{ baseUrl() }}/js/review.js"></script>
{% block script %}{% endblock %}
</body>
</html>
